<!--##begin-->
<html>
<!--$Id: base.tem.html -1   $-->
<head>
    <meta name="author" content="Werner Ammon (chaos.de)" />
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-15" />
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="../../css/responsive_design_dev/css-min/screen.css" type="text/css" />
    <title>!#specialvars_pagetitle</title>
    <script src="../../js/default/jquery.js" type="text/javascript"></script>
    <script src="../../js/default/jquery-ui.js" type="text/javascript"></script>
    <script src="../../js/default/slimbox2.js" type="text/javascript"></script>
</head>
<body>

    <div id="page-wrap">

        <header class="head">
            <div class="head-logo">
                <h1>
                    <a href="!#pathvars_menuroot/index.html" title="eWeBuKi - !#environment_ebene !#environment_kategorie">
                    <span class="dark">eWeBuKi</span> Stylesheet</a>
                </h1>
            </div>
            <div class="head-finder">
                <form method="post" action="!#pathvars_menuroot/search.html">
                    <fieldset class="form-one-line">
                        <input type="hidden" name="requested" value="!#pathvars_requested" />
                        <input type="text" name="search" class="search" />
                        <button>Abschicken</button>
                    </fieldset>
                </form>
            </div>
        </header>

        <div class="statusbar">
            <div class="statusbar-date">!#date</div>
            <div class="statusbar-kekse">#(kekse) !#environment_kekse</div>
        </div>

        <div class="navibar">
            <div id="navi_trigger" class="navibar-trigger">
                <a href="#navi_trigger">Navigation</a>
            </div>
            <div class="navibar-list">
                !#ausgaben_menu
            </div>
            <!--##hide-level2-->
            <div class="navibar-sublist">
                <h4>Unterpunkte</h4>
                <ul>
                    <!--##loop-level2-->
                    <li><a href="!{link}" title="!{title}" class="!{class}">!{item}</a></li>
                    <!--##cont-->
                </ul>
            </div>
            <!--##show-->
        </div>

        <div class="content-wrap">
            #{main}
        </div>

        <aside class="margin">
            <!--##hide-level2-->
            <div class="margin-sublist">
                <h3>#(ueberschrift)</h3>
                <ul>
                    <!--##loop-level2-->
                    <li><a href="!{link}" title="!{title}" class="!{class}">!{item}</a></li>
                    <!--##cont-->
                </ul>
            </div>
            <!--##show-->
            #{auth}
            <!--##hide-tags_on_page-->
            <fieldset class="cloud">
                <legend>#(keywords)</legend>
                <ul id="cloud">
                    <!--##loop-tags_on_page-->
                    <li class="!{class}" ><a href="!{link}" title="!{keyword} !{anzahl}">!{keyword}</a></li>
                    <!--##cont-->
                </ul>
                <div style="clear:both"></div>
            </fieldset>
            <!--##show-->
            <!--##hide-rel_page-->
            <fieldset class="cloud_pages">
                <legend>#(rel_pages)</legend>
                <ul>
                    <!--##loop-rel_page-->
                    <li class="!{class}" >
                        <a href="!{url}" >!{title}</a>
                    </li>
                    <!--##cont-->
                </ul>
            </fieldset>
            <!--##show-->
        </aside>


        <footer class="foot">
                <!--##hide-changed-->
                Letzte &Auml;nderung !{changed} von <a href="mailto:!{email}">!{alias}</a> (!{forename} !{surname})
                <!--##show-->
                - #(copyright)
        </footer>

    </div>

    <script type="text/javascript">
        $(function() {
            // Navigation-Toggle
            jQuery('#navi_trigger a').click(function() {
                jQuery(this).toggleClass('active');
                jQuery('.navibar-list').toggle('blind',500);
                jQuery('.navibar-sublist').toggle('blind',500);
            })

            $(window).resize(function() {
                jQuery('#navi_trigger a').removeClass('active');
                jQuery('.navibar-list, .navibar-sublist').attr('style','');
            });
        } )
    </script>




</body>
</html>
<!--##end-->
